<template>
	<view class="backgroundColor">
		<view style="background: #EEEEEE;">
			<view class="issue">
				<text>{{question.questionTitle}}</text>
			</view>
			<!-- 反馈内容-->
			<view class="feedbackMessage">
				<view class="feedbackFont">
					<view>
						{{question.questionAnswer}}
					</view>
				</view>
				<!-- 按钮 -->
				<navigator hover-class="none" open-type="navigateBack"  class="relationService">
					原来如此
				</navigator>
				<view class="issueNoSolve">
					<text>
						问题还没解决?
					</text>
					<navigator hover-class="none" url="./guide-page">点击此处</navigator> 
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				question:[]
			}
		},
		onLoad(option) {
			if (option.item) {
				let item = JSON.parse(decodeURIComponent(option.item))
				this.question = item
			}
		},
		methods: {
		}
	}
</script>

<style>
	page {
		width: 100%;
		height: 100%;
	}
	.backgroundColor{
		width: 100%;
		height: 100%;
		background: #EEEEEE;
	}
	/* 如何进行意见反馈 */
	.issue{
		width: 100vw;
		height: 166upx;
		line-height: 166upx;
		margin-left: 30upx;
	}
	.issue text{
		font-size: 32upx;
		font-weight: bold;
		line-height: 42upx;
		color: #333333;
	} 
    .feedbackMessage{
		background: #FFFFFF;
		margin: 0 auto;
		width: 690upx;
		height: 524upx;
		border-radius: 20upx;
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	.feedbackFont{
		width: 610upx;
		height: 226upx;
		color: #999999;
		margin: 0 auto;
		margin-top: 40upx;
		/* 内容超出换行显示 */
		word-break: break-all;
	}
	.feedbackFont > view {
		font-size: 24upx;
		line-height: 32upx;
	}
	.relationService{
		width: 234upx;
		height: 70upx;
		border-radius: 20upx;
		color: #FFFFFF;
		line-height: 70upx;
		text-align: center;
		margin-top: 60upx;
		font-size: 28upx;
		background:rgba(255,153,0,1);
		box-shadow:0px 3px 6px rgba(255,153,0,0.59);
		
	}
	
	.issueNoSolve{
		width:252upx;
		height:28upx;
		font-family:Segoe UI;
		font-weight:400;
		line-height:28upx;
		font-size: 20upx;
		margin-top: 40upx;
	}
	
	.issueNoSolve text{
		color: #BFBFBF;
		float: left;
	}
	.issueNoSolve navigator{
		float: left;
		color: rgba(255,153,0,1);
	}
</style>
